<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <base href="<?php echo Yii::app()->request->baseUrl; ?>/static/" />
    <title><?php echo CHtml::encode($this->pageTitle); ?></title>
    <link href="css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox.css" media="screen" />
	<link href="css/unity_general.css" rel="stylesheet" />
    <link href="./libs/jquery/ui/themes/redmond/jquery-ui.min.css" rel="stylesheet" />
    <!--[if lt IE 11]>
      <link href="css/fixIE.css" rel="stylesheet" />
    <![endif]-->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<script>
	window.fbAsyncInit = function() {
		FB.init({
		  appId      : '<?php echo FACEBOOK_APP_ID; ?>',
		  xfbml      : true,
		  version    : 'v2.0',
		  status 	 : true // check login status
		});
		FB.getLoginStatus(function(response) {
			if (response.status === 'connected') {
				//alert('Logged in.');
			}
			else {
				//FB.login();
			}
		});	
	};
	// Load the FB SDK asynchronously
	(function(d, s, id){
		var js, fjs = d.getElementsByTagName(s)[0];
		if (d.getElementById(id)) {return;}
		js = d.createElement(s); js.id = id;
		js.src = "//connect.facebook.net/en_US/sdk.js";
		fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));
</script>
<header id="uni_header">   	
  <div class="col-md-4 col-sm-6 col-xs-6 col-md-push-4 col-sm-push-0 col-xs-push-6 text-center">
	<a href="/" class="logo"><img src="images/logo.png" /></a>
  </div>
  
  <div class="col-md-4 col-sm-6 col-md-push-4 hidden-xs">
	<div class="boxAccUser text-right">
    	<?php $this->renderPartial('/layouts/header/auth');?>
	</div>
  </div>
  
  <div class="col-md-4 col-sm-12 col-xs-6 col-md-pull-8 col-sm-pull-0 col-xs-pull-6">
	<nav id="uni_nav">
	  <a href="javascript:;" class="ico_all ico_nav"><em></em></a>
	  <div class="subMenu">
		<div class="boxAccUser">
			<?php $this->renderPartial('/layouts/header/auth');?>
        </div>
		<?php $this->renderPartial('/layouts/header/menu');?>
        <div class="boxSearch">
			<?php $this->renderPartial('/layouts/header/search');?>
        </div>
	  </div>
	</nav>
    
	<div class="boxSearch hidden-xs">
		<?php $this->renderPartial('/layouts/header/search');?>
	</div>
  </div>
</header>

<div id="uni_wrapper">
    <!--<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">      
      <div class="carousel-inner">
        <div class="item active">
          <img alt="First slide" src="images/img_1904x400.jpg" />
        </div>
        <div class="item">
          <img alt="Second slide" src="images/img_1904x400.jpg" />
        </div>
        <div class="item">
          <img alt="Third slide" src="images/img_1904x400.jpg" />
        </div>
      </div>
      <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
        <span class="ico_all ico_prev"><em></em></span>
      </a>
      <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">    
        <span class="ico_all ico_next"><em></em></span>
      </a>
    </div>-->
	
    <!--
    <div id="map_view">    
      <div class="boxMap">
        <span class="ico_all icon_add" style="left: 40%; top: 40%;"><em></em><span class="txt">20%</span>
        	<div class="add_detail">
            	<p class="name">Saigon Square</p>
                <p class="add">123 Ton Duc Thang, Quan 1</p>
                <p class="link_view"><a href="#">View deal</a></p>
            </div>
        </span>
        <span class="ico_all icon_add" style="left: 60%; top: 30%;"><em></em><span class="txt">150%</span>
        	<div class="add_detail">
            	<p class="name">Saigon Square</p>
                <p class="add">123 Ton Duc Thang, Quan 1</p>
                <p class="link_view"><a href="#">View deal</a></p>
            </div>
        </span>    
		<img src="images/img_map_1904x491.jpg" /> 		
        <iframe width="100%" height="491" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyDXUi-xTR2CJuy7rCkRE02y2Yq9uxVmuoA&q=Space+Needle,Seattle+WA">
        </iframe>
      </div>
      <a href="javascript:void(0);" class="ico_all ico_ope_map"><em></em></a>
    </div>-->

    <?php echo $content; ?>
    
    <footer id="uni_footer">
        <div class="footer_in">
            <div class="link_in">
                <a href="/">TRANG CHỦ</a>
                <a href="/site/page#usage_conditions">ĐIỀU KIỆN SỬ DỤNG</a>
                <a href="/site/page#policy">CHÍNH SÁCH BẢO MẬT</a>
                <a href="/site/page#contact">LIÊN HỆ</a>
            </div>
            <div class="cpyRight">Copyright © 2014 Localdeal. All rights reserved.</div>
        </div>    
    </footer>
    <div id="top_page"><a href="javascript:;"><img src="images/ico_top_94x92.png" width="64" height="62" /></a></div>
</div>

<script language="javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="./libs/jquery/ui/jquery-ui.js"></script>
<script language="javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.fancybox.js"></script>
<script language="javascript" src="js/masonry.pkgd.min.js"></script>
<script type="text/javascript" src="libs/jquery/validation/jquery.validate.js"></script>
<script language="javascript" src="js/common.js"></script>
<script language="javascript">
$(document).ready(function() {
	$('.box_product').masonry({
		itemSelector: '.each_pro'
    });
	$(".fancybox").fancybox();
});
</script>
</body>
</html>